<template>
  <el-card class="box-card">
    <!-- 头部选择框 -->
    <Header :list="list"></Header>
    <!-- 栅栏条 -->
    <el-alert
      style="margin: 0 0 15px"
      :title="`数据一共${counts}条`"
      type="info"
      show-icon
      :closable="false"
    >
    </el-alert>
    <!-- 表格 -->
    <Table @alltag="alltag"></Table>
  </el-card>
</template>

<script>
import Header from '../components/directorys/header.vue'
import Table from '../components/directorys/tabale.vue'
export default {
  name: 'diectorys',
  data () {
    return {
      list: [], // 总数据
      counts: 0// 数据条数
    }
  },
  components: {
    Header, Table
  },
  created () {

  },
  methods: {
    alltag (value) {
      // console.log(value)
      this.list = value.items
      this.counts = value.counts
    }
  }
}
</script>

<style scoped lang='scss'>
.box-card {
  margin: 12px;
}
</style>
